Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / plugins / PluginSlotNode.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72p Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'text'Ta5d6ff" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3textClassTa5d6ff"Tb4b4b4>

Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3value Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'input'Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"space-y-1.5"Tb4b4b4>

Tb4b4b4<Tff7b72label Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3labelTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"block text-sm font-medium text-gray-700 dark:text-gray-300"Tb4b4b4>

Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3label Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tff7b72textarea

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3multilineTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"w-full rounded-lg border border-gray-300 dark:border-zinc-700 bg-white dark:bg-zinc-900 px-3 py-2.5 text-sm text-gray-900 dark:text-gray-100 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/40 focus:border-blue-500 min-h-[6rem]"

Tb4b4b4:Te6edf3placeholderTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3placeholder Tff7b72|| Ta5d6ff''Ta5d6ff"

Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3value Tff7b72|| Ta5d6ff''Ta5d6ff"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'input'Tb4b4b4, Tb4b4b4{ Te6edf3idTff7b72: Te6edf3nodeTb4b4b4.Te6edf3idTb4b4b4, Te6edf3valueTff7b72: Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3value Tb4b4b4}Tb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72input

Te6edf3v-else

Te6edf3classTff7b72=Ta5d6ff"w-full rounded-lg border border-gray-300 dark:border-zinc-700 bg-white dark:bg-zinc-900 px-3 py-2.5 text-sm text-gray-900 dark:text-gray-100 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/40 focus:border-blue-500"

Te6edf3typeTff7b72=Ta5d6ff"text"

Tb4b4b4:Te6edf3placeholderTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3placeholder Tff7b72|| Ta5d6ff''Ta5d6ff"

Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3value Tff7b72|| Ta5d6ff''Ta5d6ff"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'input'Tb4b4b4, Tb4b4b4{ Te6edf3idTff7b72: Te6edf3nodeTb4b4b4.Te6edf3idTb4b4b4, Te6edf3valueTff7b72: Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3value Tb4b4b4}Tb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72label

Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'checkbox'Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"flex items-start gap-2.5 text-sm text-gray-700 dark:text-gray-300 cursor-pointer"

Tb4b4b4>

Tb4b4b4<Tff7b72input

Te6edf3classTff7b72=Ta5d6ff"mt-0.5 rounded border-gray-300 dark:border-zinc-600 text-blue-600 focus:ring-blue-500/40"

Te6edf3typeTff7b72=Ta5d6ff"checkbox"

Tb4b4b4:Te6edf3checkedTff7b72=Ta5d6ff"Tffa657BooleanTb4b4b4(Te6edf3nodeTb4b4b4.Te6edf3checkedTb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3changeTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'input'Tb4b4b4, Tb4b4b4{ Te6edf3idTff7b72: Te6edf3nodeTb4b4b4.Te6edf3idTb4b4b4, Te6edf3valueTff7b72: Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3checked Tff7b72? Ta5d6ff'1' Tff7b72: Ta5d6ff'0' Tb4b4b4}Tb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72spanTb4b4b4>Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3label Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tff7b72button Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'button'Ta5d6ff" Te6edf3typeTff7b72=Ta5d6ff"button" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3buttonClassTa5d6ff" Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'action'Tb4b4b4, Te6edf3nodeTb4b4b4.Te6edf3idTb4b4b4)Ta5d6ff"Tb4b4b4>

Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3label Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72span

Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'badge'Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium whitespace-nowrap"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3badgeClassTa5d6ff"

Tb4b4b4>

Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3label Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'actions'Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"flex flex-wrap items-center gap-2"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3action Tff7b72in Te6edf3nodeTb4b4b4.Te6edf3items Tff7b72|| Tb4b4b4[Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3actionTb4b4b4.Te6edf3idTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3actionButtonClassTb4b4b4(Te6edf3actionTb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'action'Tb4b4b4, Te6edf3actionTb4b4b4.Te6edf3idTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tff7b72{{ Te6edf3actionTb4b4b4.Te6edf3label Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'section'Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"rounded-xl border border-gray-200 dark:border-zinc-800 bg-gray-50/70 dark:bg-zinc-900/40 p-4 sm:p-5 space-y-4"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3title Tff7b72|| Te6edf3nodeTb4b4b4.Te6edf3descriptionTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"space-y-1"Tb4b4b4>

Tb4b4b4<Tff7b72h2 Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3titleTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"text-base font-semibold text-gray-900 dark:text-gray-100"Tb4b4b4>

Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3title Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72h2Tb4b4b4>

Tb4b4b4<Tff7b72p Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3descriptionTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"text-sm text-gray-600 dark:text-gray-400"Tb4b4b4>

Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3description Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72PluginSlotNode

Te6edf3v-forTff7b72=Ta5d6ff"Tb4b4b4(Te6edf3childTb4b4b4, Te6edf3indexTb4b4b4) Tff7b72in Te6edf3nodeTb4b4b4.Te6edf3children Tff7b72|| Tb4b4b4[Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3indexTa5d6ff"

Tb4b4b4:Te6edf3nodeTff7b72=Ta5d6ff"Te6edf3childTa5d6ff"

Tb4b4b4@Te6edf3actionTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'action'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'input'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'list'Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"space-y-2"Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-ifTff7b72=Ta5d6ff"Tb4b4b4(Te6edf3nodeTb4b4b4.Te6edf3items Tff7b72|| Tb4b4b4[Tb4b4b4]Tb4b4b4)Tb4b4b4.Te6edf3length Tff7b72&& Te6edf3nodeTb4b4b4.Te6edf3variant Tff7b72=== Ta5d6ff'cards'Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"rounded-lg border border-gray-200 dark:border-zinc-800 overflow-hidden divide-y divide-gray-200 dark:divide-zinc-800 bg-white dark:bg-zinc-950"

Tb4b4b4>

Tb4b4b4<Tff7b72PluginSlotNode

Te6edf3v-forTff7b72=Ta5d6ff"Tb4b4b4(Te6edf3itemTb4b4b4, Te6edf3indexTb4b4b4) Tff7b72in Te6edf3nodeTb4b4b4.Te6edf3items Tff7b72|| Tb4b4b4[Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3indexTa5d6ff"

Tb4b4b4:Te6edf3nodeTff7b72=Ta5d6ff"Te6edf3itemTa5d6ff"

Tb4b4b4@Te6edf3actionTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'action'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'input'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72template Te6edf3v-elseTb4b4b4>

Tb4b4b4<Tff7b72PluginSlotNode

Te6edf3v-forTff7b72=Ta5d6ff"Tb4b4b4(Te6edf3itemTb4b4b4, Te6edf3indexTb4b4b4) Tff7b72in Te6edf3nodeTb4b4b4.Te6edf3items Tff7b72|| Tb4b4b4[Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3indexTa5d6ff"

Tb4b4b4:Te6edf3nodeTff7b72=Ta5d6ff"Te6edf3itemTa5d6ff"

Tb4b4b4@Te6edf3actionTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'action'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'input'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72p

Te6edf3v-ifTff7b72=Ta5d6ff"Tff7b72!Tb4b4b4(Te6edf3nodeTb4b4b4.Te6edf3items Tff7b72|| Tb4b4b4[Tb4b4b4]Tb4b4b4)Tb4b4b4.Te6edf3lengthTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"rounded-lg border border-dashed border-gray-300 dark:border-zinc-700 px-4 py-8 text-center text-sm text-gray-500 dark:text-gray-400"

Tb4b4b4>

Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3emptyText Tff7b72|| Ta5d6ff"" Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'row'Ta5d6ff" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3rowClassTa5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72PluginSlotNode

Te6edf3v-forTff7b72=Ta5d6ff"Tb4b4b4(Te6edf3childTb4b4b4, Te6edf3indexTb4b4b4) Tff7b72in Te6edf3nodeTb4b4b4.Te6edf3children Tff7b72|| Tb4b4b4[Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3indexTa5d6ff"

Tb4b4b4:Te6edf3nodeTff7b72=Ta5d6ff"Te6edf3childTa5d6ff"

Tb4b4b4@Te6edf3actionTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'action'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'input'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3type Tff7b72=== Ta5d6ff'column'Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"space-y-4"Tb4b4b4>

Tb4b4b4<Tff7b72PluginSlotNode

Te6edf3v-forTff7b72=Ta5d6ff"Tb4b4b4(Te6edf3childTb4b4b4, Te6edf3indexTb4b4b4) Tff7b72in Te6edf3nodeTb4b4b4.Te6edf3children Tff7b72|| Tb4b4b4[Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3indexTa5d6ff"

Tb4b4b4:Te6edf3nodeTff7b72=Ta5d6ff"Te6edf3childTa5d6ff"

Tb4b4b4@Te6edf3actionTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'action'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'input'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"PluginSlotNode"Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3nodeTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"action"Tb4b4b4, Ta5d6ff"input"Tb4b4b4]Tb4b4b4,

Te6edf3computedTff7b72: Tb4b4b4{

Te6edf3textClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3variant Tff7b72= Tff7b72thisTb4b4b4.Te6edf3nodeTb4b4b4.Te6edf3variant Tff7b72|| Ta5d6ff"body"Tb4b4b4;

Tff7b72const Te6edf3map Tff7b72= Tb4b4b4{

Te6edf3titleTff7b72: Ta5d6ff"text-xl font-bold tracking-tight text-gray-900 dark:text-gray-100"Tb4b4b4,

Te6edf3subtitleTff7b72: Ta5d6ff"text-base font-semibold text-gray-900 dark:text-gray-100"Tb4b4b4,

Te6edf3bodyTff7b72: Ta5d6ff"text-sm leading-relaxed text-gray-700 dark:text-gray-300"Tb4b4b4,

Te6edf3captionTff7b72: Ta5d6ff"text-xs text-gray-500 dark:text-gray-400"Tb4b4b4,

Te6edf3monoTff7b72: Ta5d6ff"font-mono text-xs text-gray-800 dark:text-gray-200 break-all"Tb4b4b4,

Te6edf3statTff7b72: Ta5d6ff"text-sm font-medium text-gray-800 dark:text-gray-200"Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72return Te6edf3mapTb4b4b4[Te6edf3variantTb4b4b4] Tff7b72|| Te6edf3mapTb4b4b4.Te6edf3bodyTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3buttonClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3actionButtonClassTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3nodeTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3rowClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3variant Tff7b72= Tff7b72thisTb4b4b4.Te6edf3nodeTb4b4b4.Te6edf3variant Tff7b72|| Ta5d6ff"default"Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3variant Tff7b72=== Ta5d6ff"path"Tb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff"grid grid-cols-1 sm:grid-cols-[minmax(0,1.15fr)_auto_minmax(0,1.35fr)_auto] gap-x-4 gap-y-2 items-center px-4 py-3 text-sm"Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Te6edf3variant Tff7b72=== Ta5d6ff"announce"Tb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff"grid grid-cols-1 sm:grid-cols-[auto_minmax(0,0.75fr)_minmax(0,1fr)_minmax(0,1.1fr)] gap-x-4 gap-y-2 items-center px-4 py-3 text-sm"Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Te6edf3variant Tff7b72=== Ta5d6ff"card"Tb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff"grid grid-cols-1 sm:grid-cols-[minmax(0,1.15fr)_auto_minmax(0,1.35fr)_auto] gap-x-4 gap-y-2 items-center px-4 py-3 text-sm bg-white dark:bg-zinc-950"Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Te6edf3variant Tff7b72=== Ta5d6ff"announce-card"Tb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff"grid grid-cols-1 sm:grid-cols-[auto_minmax(0,0.75fr)_minmax(0,1fr)_minmax(0,1.1fr)] gap-x-4 gap-y-2 items-center px-4 py-3 text-sm bg-white dark:bg-zinc-950"Tb4b4b4;

Tb4b4b4}

Tff7b72return Ta5d6ff"flex flex-wrap items-center gap-3 text-sm"Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3badgeClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3variant Tff7b72= Tff7b72thisTb4b4b4.Te6edf3nodeTb4b4b4.Te6edf3variant Tff7b72|| Ta5d6ff"muted"Tb4b4b4;

Tff7b72const Te6edf3map Tff7b72= Tb4b4b4{

Te6edf3successTff7b72: Ta5d6ff"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-200"Tb4b4b4,

Te6edf3dangerTff7b72: Ta5d6ff"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-200"Tb4b4b4,

Te6edf3mutedTff7b72: Ta5d6ff"bg-gray-100 text-gray-700 dark:bg-zinc-800 dark:text-zinc-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72return Te6edf3mapTb4b4b4[Te6edf3variantTb4b4b4] Tff7b72|| Te6edf3mapTb4b4b4.Te6edf3mutedTb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3actionButtonClassTb4b4b4(Te6edf3actionTb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3base Tff7b72=

Ta5d6ff"inline-flex items-center justify-center px-4 py-2 rounded-lg text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500/40 w-fit"Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3actionTb4b4b4.Te6edf3variant Tff7b72=== Ta5d6ff"secondary"Tb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff`Tffd700${Te6edf3baseTffd700}Ta5d6ff border border-gray-300 dark:border-zinc-600 bg-white dark:bg-zinc-900 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-zinc-800Ta5d6ff`Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Te6edf3actionTb4b4b4.Te6edf3variant Tff7b72=== Ta5d6ff"danger"Tb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff`Tffd700${Te6edf3baseTffd700}Ta5d6ff border border-red-300 dark:border-red-800 bg-white dark:bg-zinc-900 text-red-600 dark:text-red-300 hover:bg-red-50 dark:hover:bg-red-950/30Ta5d6ff`Tb4b4b4;

Tb4b4b4}

Tff7b72return Ta5d6ff`Tffd700${Te6edf3baseTffd700}Ta5d6ff bg-blue-600 text-white hover:bg-blue-700Ta5d6ff`Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>